<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="description" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="keywords" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="author" content="name, sycbbb@sina.com"/>
	<meta name="robots" content="index,follow"/>
	<title>蜂媒介-社会化媒体策略专家平台</title>
	<link rel="stylesheet" href="styles/index.css">
	<link rel="stylesheet" href="styles/swiper-3.4.0.min.css">
</head>
<body>
<!-- header begin -->
<div class="header">
    <div class="w">
    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
    	<div class="nav">
    		<ul>
    			<li><a href="video.html">直播/短视频</a></li>
    			<li><a href="WeChat_promotion.html">微信推广</a></li>
    			<li><a href="microblog.html">微博红人</a></li>
    			<li><a href="advertorial.html">软文发稿</a></li>
    			<li><a href="specialist.html">媒介专家</a></li>
    			<li><a href="wasp.html">蜂效应</a></li>
    			<li class="active"><a href="about.html">关于我们</a></li>			
    		</ul>
    	</div>
    </div>
</div>
<!-- header end -->
<!-- container begin -->
<div class="container">
    <!-- banner begin -->
	<div class="banner">
	    <div class="swiper-container">
		    <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
		    </div>
		</div>
		<div class="login w">
			<div class="login-container">
				<ul>
					<li class="active">广告主登录</li>
					<li>媒介主登录</li>
					<div class="line"></div>
				</ul>
				<div class="login-list">
					<form class="form" style="display:block;">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="error-prompt">
							<p>请输入帐号</p>
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<form class="form">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<!-- 登录后 begin -->
					<!--   <div class="login-success">
					      <div class="img">
					      	 <img src="images/head_icon.jpg" alt="">
					      </div>
					      <p>欢迎您，13719236677</p>
					  	  <a href="">进入广告主平台</a>
					  </div> -->
					<!-- 登录后 end -->
				</div>
			</div>
		</div>
	</div>
	<!-- banner end -->
	<!-- 关于我们 begin -->
    <div class="about">
	    <div class="w">
	        <div class="top">
	        	<img class="left" src="images/about1.png" alt="">
		    	<div class="content">
		    	    <p><strong>时刻互动</strong>—是集数字营销、媒介整合与技术研发服务为一体的网络营销机构。以创意、技术、媒体为品牌创造最优的数字营销方案。致力于帮助企业实现品牌互联网+，传播互联网+，销售互联网+。</p>
		    	    <p>公司成立于2012年，在北京、广州、南昌设有分支机构。</p>
		    	    <p class="English">Socialtok—is a set of communication planning, integrated marketing and media services as one of the network marketing agency. To create the best digital marketing plan for brand creation, technology and media. To help the enterprise to realize the brand Internet+, spread Internet+ , sales Internet +.
		            The company was founded in 2012, in Beijing, Guangzhou, Nanchang has a branch.</p>
		    	</div>
	        </div>
	    	<div class="honour">
	    		<img src="images/about.jpg" alt="">
	    	</div>
	    </div>  
    </div>
    <!-- 关于我们 end -->
    <!-- 联系我们 begin -->
    <div class="contact-us">
        <div class="w">
        	<div class="line"></div>
	    	<h2>联系我们</h2>
	        <h3>contact us</h3>
	        <ul class="contact-ul">
	        	<li class="contact-list1"></li>
	        	<li class="contact-list2"></li>
	        	<li class="contact-list3"></li>
	        </ul>
        </div>
    </div>
    <!-- 联系我们 end -->
</div>
<!-- container end -->
<!-- footer begin -->
<div class="footer">
	<div class="w">
		<div class="footer-top">
			<img src="images/er.jpg" alt="">
			<div class="right">
				<dl>
					<dt>友情链接:</dt>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
				</dl>
				<ul>
					<li><a href="">关于我们</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">加入我们</a></li>
					<li><a href="">欢迎合作</a></li>
					<li><a href="">服务条款</a></li>
					<li><a href="">隐私声明</a></li>
					<li><a href="">投诉建议</a></li>
				</ul>
			</div>
		</div>
		<div class="footer-bottom">
			<p>Copyright ©2016 城外圈：一站式智能营销平台 广东天展网络科技有限公司 版权所有粤ICP备11015542号</p>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
		</div>
	</div>
</div>
<!-- footer end -->
<!-- backtop begin -->
<div class="back-top">
	<a class="qq" href="#"></a>
	<a class="top" href="javascript:;"></a>
</div>
<!-- backtop end -->
<!-- script begin -->
<script src="scripts/lib/jquery-1.8.3.min.js"></script>
<script src="scripts/lib/swiper-3.4.0.jquery.min.js"></script>
<script src="scripts/index.js"></script>
<script>
   $(".contact-ul li").bind("mousemove",function(){
        $(this).addClass("active");
    }); 
   $(".contact-ul li").bind("mouseout",function(){
        $(this).removeClass("active");
    }); 
</script>
<!-- script end -->
</body>
</html>